@import "../../styles/App.scss";

.index {
}
.index_carousel {
  position: relative;
  .index_city_input{
    position: absolute;
    width: 100%;
    height: 35px;
    left: 0;
    top:30px;
    z-index: 100;
    padding: 0 15px;
  }
}

.index_nav {
  display: flex;
  background-color: #fff;
  .nav_item {
    padding: 10px 0;
    flex: 1;
    text-align: center;
    // 14 =>   设计稿中 元素的宽度 *   10rem  /  设计稿的宽度 
    // font-size: 14 * 10rem / 375 ;
    font-size: 14 * $rate;
    img {
      margin: 5 * $rate auto;
      width: 70%;
    }
  }
}

// 租房小组
.index_group {
  padding: 10 * $rate;
  .group_title {
    padding: 5 * $rate 0;
    display: flex;
    justify-content: space-between;
    span:nth-child(1) {
      font-weight: 600;
      color: #000;
      font-size: 16 * $rate;
    }
  }

  .group_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .group_item {
      width: 48%;
      background-color: #fff;
      margin-bottom: 6 * $rate;
      display: flex;
      padding: 20 * $rate 0;
      align-items: center;
      .group_item_info {
        flex: 2;
        padding-right: 10 * $rate;
        text-align: center;
        .group_item_title {
          color: #000;
          font-weight: 600;
          font-size: 15 * $rate;
        }

        .group_item_desc {
          font-size: 14 * $rate;
        }
      }

      .group_item_img {
        flex: 1;
        img {
          width: 80%;
        }
      }
    }
  }
}
// 最新资讯
.index_news {
  background-color: #fff;
  padding: 10 * $rate;
  .news_title {
    padding: 5 * $rate 0;
    font-size: 15 * $rate;
    font-weight: 600;
    color: #000;
  }

  .news_content {
    .news_item {
      display: flex;
      padding: 5 * $rate 0;
      border-bottom: 1 * $rate solid #ccc;
      padding-bottom: 20 * $rate;
      .news_item_img {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        img {
          border-radius: 5 * $rate;
          width: 80%;
        }
      }

      .news_item_info {
        flex: 2;
        padding-left: 5 * $rate;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .news_item_title {
          font-weight: 600;
          color: #000;
          font-size: 15 * $rate;
        } 

        .news_item_desc {
          display: flex;
          justify-content: space-between;
          font-size: 13 * $rate;
          .from {
          }

          .date {
          }
        }
      }
    }
  }
}
